<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="../../../lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../../ht-css/Project.css"/>
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css"/>
    <link rel="stylesheet" type="text/css" href="../../../lib/My97DatePicker/4.8/skin/WdatePicker.css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="../../../lib/DD_belatedPNG_0.0.8a-min.js?rev=@@hash"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>官网轮播图配置</title>
</head>
<body data-id="77">
<!--<body onUnload="opener.location.reload()">-->
<nav class="breadcrumb">官网管理 <span class="c-gray en">&gt;</span> 轮播图管理 <a class="btn btn-success radius r"
                                                                          style="line-height:1.6em;margin-top:3px ;display:block "
                                                                          href="javascript:location.replace(location.href);"
                                                                          title="刷新"><i
        class="Hui-iconfont">&#xe68f;</i></a></nav>
<article class="page-container">

    <!--<div id="tab_topnav" class="HuiTab">-->
    <div class="bg-1 bk-gray pb-10">
        <form class="ml-20 mr-20" novalidate id="form-member">
            <div class="lh-20 pd-10">
                <div class="line"></div>
                <table class="table_li mb-10 table mt-10">
                    <thead class="text-l">
                    <tr>
                        <td class="col-4-1">
                            <div class="row ml-10">
                                <label class="form-label f-l text-r lh-26 w-50">标题：</label>
                                <div class="formControls col-sm-8 w-200">
                                    <input type="text" class="input-text radius" name="title" placeholder="请输入搜索标题"
                                           id="title">
                                </div>
                            </div>
                        </td>

                        <td class="col-4-2">
                            <div class="row ml-10">
                                <label class="form-label f-l text-r lh-26 w-80">生效时间：</label>
                                <div class="f-l ml-10">
                                    <input type="text"
                                           onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'end_time\')}',startDate:'%y-%M-%d 00:00',dateFmt:'yyyy-MM-dd HH:mm',alwaysUseStartDate:true})"
                                           id="start_time" name="start_time" class="input-text Wdate radius f-l"
                                           style="width:180px;" placeholder="请选择时间" autocomplete="off">
                                    <span class="pd-5 f-l">&nbsp;-&nbsp;</span>
                                    <input type="text"
                                           onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'start_time\',{m:+1})}',endDate:'%y-%M-%d 00:00',dateFmt:'yyyy-MM-dd HH:mm' })"
                                           id="end_time" name="end_time" class="input-text Wdate radius f-l"
                                           style="width:180px;" placeholder="请选择时间" autocomplete="off">
                                </div>
                            </div>
                        </td>
                        <td class="col-4-1">
                            <div class="row ml-10">
                                <label class="form-label f-l text-r lh-26 w-80">筛选状态：</label>
                                <span class="select-box size-M radius col-xs-8 w-180" >
                                    <select class="select" name="state" size="1" id="state">
                                        <option value="0" selected>请选择筛选状态</option>
                                        <option value="10">未生效</option>
                                        <option value="20">生效</option>
                                        <option value="30">失效</option>
                                    </select>
                                    </span>
                            </div>
                        </td>

                    </tr>
                    </thead>
                </table>
                <tr>
                    <div class="text-c mb-10">
                        <input id="tianjia" type="button" class="btn btn-secondary radius size-S powerButton 323"
                               onclick="jumpToAdd('官网轮播图-添加','picture_detail.html')" value="添&nbsp;&nbsp;加">
                        <input type="submit" class="btn btn-secondary radius size-S ml-10 powerButton 231" value="搜&nbsp;&nbsp;索">
                        <input name="" type="reset" class="btn radius size-S ml-10 powerButton 231" value="重&nbsp;&nbsp;置">
                    </div>
                </tr>
            </div>
        </form>
        <table class="table table-border table-bg table-hover table-sort mt-10" id="datatable">
            <thead>
            <tr class="text-c">
                <th width="30">序号</th>
                <th width="120">标题</th>
                <th width="80">生效时间</th>
                <th width="80">失效时间</th>
                <th width="50">状态</th>
                <th width="30">轮播顺序</th>
                <th width="50">创建人</th>
                <th width="80">创建时间</th>
                <th width="60">操作</th>
            </tr>

            <tbody class="shun">
            </tbody>
        </table>
        <div class="dataTables_wrapper goods_fanye clearfix mt-5">
            <div class="f-r pageturning M-box3"></div>
        </div>
        <div class="mt-40"></div>
    </div>

</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../../ht-js/frame/doT.min.js?rev=@@hash"></script>
<script src="../../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../../ht-js/verifyToken.js?rev=@@hash"></script>
<!--引入分页-->
<link rel="stylesheet" href="../../../lib/pagination/pagination.css">
<script src="../../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<!--请在下方写此页面业务相关的脚本-->
<script src="../../../ht-js/website/picture/picture-query.js?rev=@@hash"></script>
<!--权限控制-->
<script type="text/javascript" src="../../../ht-js/power.js?rev=@@hash"></script>
<style>
    .error {
        color: #ff1b1b;
    }

    label.error {
        width: 60px;
        position: absolute;
        left: 230px;
        top: 5px;
        color: #ef392b;
        font-size: 12px;
    }
</style>
</body>
</html>